<template>
  <div>
    <!-- <my-changmen></my-changmen>
    <my-shuimen></my-shuimen> -->
    <button @click="comName='MyChangmen'">长门</button>
    <button @click="comName='MyShuimen'">水门</button>
    <components :is="comName"></components>
  </div>
</template>

<script>
// import MyChangmen from "./components/my-changmen.vue";
import MyChangmen from "./components/my-changmen.vue";
import MyShuimen from "./components/my-shuimen.vue";
export default {
  components: {
    MyChangmen,
    MyShuimen,
  },
  data() {
    return {
      comName: "MyChangmen",
      menuList: [
        {
          label: "阊门",
          comName: "myChangmen",
        },
        {
          label: "水门",
          comName: "myShuimen",
        },
      ],
    };
  },
};
</script>

<style>
</style>